/*
 * @Descripttion:
 * @version: 1.0.0
 * @Author: liuzicheng
 * @Date: 2025-02-21 16:28:54
 * @LastEditors: liuzicheng
 * @LastEditTime: 2025-03-04 16:07:59
 */
import ProFormUploadCom from "@/components/proFormUploadCom";
import { ProForm } from "@ant-design/pro-components";
import { Button, DatePicker } from "antd";
import { inject, observer } from "mobx-react";

const { RangePicker } = DatePicker;
const Welcome = (props) => {
  const { userStore } = props;
  const { roles, changeRoles } = userStore;
  return (
    <div>
      <span className="i-solar:4k-outline"></span>
      <span className="hover-text-red transition-all duration-300" m="l-10 r-10 t-10 b-10">
        {roles}
      </span>
      <Button type="primary" onClick={() => changeRoles([123])}>
        更新
      </Button>
      <RangePicker />

      <ProForm>
        <ProFormUploadCom />
      </ProForm>
    </div>
  );
};

export default inject("userStore")(observer(Welcome));
